.search {
    height: calc(100% - 50px);
    .default {
      // 历史记录 热门关键词
      .history,
      .hot {
        background-color: #fff;
        padding: 16px;
        &-head {
          display: flex;
          justify-content: space-between;
          img {
            width: 18px;
            height: 18px;
          }
        }
        .list {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin-top: 10px;
          margin-bottom: 10px;
          .item {
            padding: 4px;
            border: 1px solid #999;
            margin-right: 10px;
            margin-bottom: 10px;
            &.act {
              border: 1px solid #b4282d;
              color: #b4282d;
            }
          }
        }
      }
      .hot {
        margin-top: 10px;
      }
    }
    // 搜索关键词列表
    .search-list {
      padding: 20px;
      background-color: #fff;
      .item {
        padding: 10px 0;
      }
    }
    // 商品列表
    .goods {
      height: calc(100% - 91px);
      &-head {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 40px;
        background-color: #fff;
        .head-item {
          display: flex;
          height: 100%;
          line-height: 40px;
          &.act span {
            color: #b4282d;
          }
          .arrow {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-left: 4px;
          }
        }
      }
      .list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1px;
        height: 100%;
        overflow: scroll;
        .item {
          width: 49.5%;
          height: 239px;
          background-color: #fff;
          margin-bottom: 8px;
          text-align: center;
          img {
            width: 150px;
            height: 150px;
          }
          .price {
            font-size: 15px;
            color: #b4282d;
          }
        }
      }
      .empty {
        height: 100%;
        background-color: #fff;
        text-align: center;
        padding: 50px 0;
        margin-top: 2px;
        box-sizing: border-box;
      }
    }
  }